來點互動效果吧!

除了繪圖外，PixiJS也能設定互動體驗，像是上一篇使用PIXI.Graphics()所建構出來的物件，就屬於可以設定互動效果的PixiJS定義的DisplayObject的一項。使用方法很簡單，首先，先物件的interactive屬性設定為true值，就能使加上監聽事件並執行對應的互動效果。

let app = new PIXI.Application({ width:800, height: 400 })
document.body.appendChild(app.view);

let myObj = new PIXI.Graphics();
app.stage.addChild(myObj);
myObj.beginFill(0xff0000);
myObj.drawRect(0, 0, 200, 100);

//將物件的互動效果打開
myObj.interactive = true;
//監聽'pointerdown'點擊事件，執行對應function()
myObj.on('pointerdown', () => { alert('按鈕點擊'); });

另外，也可以將buttonMode屬性設定為true值，被指定的物件的游標將會轉成手指符號，有互動的暗示效果。

myObj.buttonMode = true;